<div id="main" class="securityconfig-main">
  <div class="palm-page-header">
    <div class="header-icon screenlock"></div>
    <div class="header-text">
		  <span>屏幕和锁定</span>
    </div>
  </div>

	<div class="palm-group">
		<div class="palm-group-title">
			<span>屏幕</span>
		</div>
		<div class="palm-list">

			<div class="palm-row first">
				<div class="palm-row-wrapper">
					<div class="title">亮度</div>
					<div x-mojo-element="Slider" id='brightness' class="palm-slider"></div>
				</div>
			</div>

			<div id='screentimerrow' class="palm-row last">
				<div id='timeroptions' class="palm-row-wrapper">
					<div id="screenOffTimer" x-mojo-element="ListSelector" class="right"></div>
				</div>
			</div>
		</div>
	 </div>
	 <div class="palm-group">
		<div class="palm-group-title">
			<span>壁纸</span>
		</div>
		<div class="palm-list">				
			<div class="palm-row single" x-mojo-tap-highlight="momentary">
				<div class="palm-row-wrapper">
				<div id="setwallpaper-spinner" x-mojo-element="Spinner" class="spinner"></div>
				<div id='setwallpaper' class="title capitalize">更改壁纸</div>
				</div>
			</div>
		</div>
	 </div>

	 <div class="palm-group">
		<div class="palm-group-title">
			<span>高级手势</span>
		</div>
		<div class="palm-list">
			<div class="palm-row single">
				<div class="palm-row-wrapper">
					<div x-mojo-element="ToggleButton" id="switchApps"></div>
					<div class="title capitalize">切换应用程序</div>
				</div>
			</div>
		</div>
	</div>
	<div class="palm-info-text" id="switchAppsInfo"></div>

	<div class="palm-group">
		<div class="palm-group-title">
			<span>安全解锁</span>
		</div>
		<div class="palm-list">
			<div id='secureFirstrow' class="palm-row">
				<div class="palm-row-wrapper" x-mojo-focus-highlight="true">
					<div class="">
						<img id='lockImg' src="images/lock.png" style='display:none;' class='label label-lock-image'></img>    
						<div id="secureUnlock" x-mojo-element="ListSelector"></div>
					 </div>
			    </div>
			</div>
			<div id='securelastrow' class="palm-row" x-mojo-tap-highlight="momentary">
				<div class="palm-row-wrapper textfield-group">
					<div class="title">
						<div id="changepassword"></div>
					 </div>
			    </div>
			</div>
			<div id='locktimerrow' class="palm-row last">
				<div id='lockoptions' class="palm-row-wrapper">
					<div id="lockTimer" x-mojo-element="ListSelector" class="right"></div>
				</div>
			</div>
		</div>
	</div>

	<div class="palm-group">
		<div class="palm-group-title">
			<span>通知</span>
		</div>
		<div class="palm-list">
			<div class="palm-row first">
				<div class="palm-row-wrapper">
					<div x-mojo-element="ToggleButton" id="showAlerts"></div>
					<div class="title capitalize">锁定时要显示</div>
				</div>
			</div>
			<div class="palm-row last">
				<div class="palm-row-wrapper">
					<div x-mojo-element="ToggleButton" id="blinkAlerts"></div>
					<div class="title capitalize">闪烁通知</div>
				</div>
			</div>
		</div>
	</div>

	<div class="palm-info-text single">
		新通知到达后，手势区就会闪烁。
	</div>
	
	<div class="palm-group">
		<div class="palm-group-title">
			<span>语音拨号</span>
		</div>
		<div class="palm-list">
			<div class="palm-row single">
				<div class="palm-row-wrapper">
					<div x-mojo-element="ToggleButton" id="voiceDial"></div>
					<div class="title capitalize">锁定时启用</div>
				</div>
			</div>
		</div>
	</div>

	<div class="palm-info-text single">
		即使你的手机已上锁也使用语音拨号。
	</div>

</div>
